<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="./css/index.css" />
</head>

<body>
    <!-- 页头 -->
    <header>
        <div class="login">
            请 <a href="#">登录</a>&nbsp;新用户？?<a href="#">马上注册</a>
        </div>
        <div class="search clear">
            <div class="search-left">
                Haier
            </div>
            <div class="search-center clear">
                <ul>
                    <li>消费类产品</li>
                    <li></li>
                    <li>商业类产品</li>
                    <li></li>
                    <li>解决方法</li>
                    <li></li>
                    <li>服务与支持</li>
                </ul>
                <img src="../海尔/images/图层1.png" alt="">
            </div>
            <div class="search-right">
                <input type="text " placeholder="请输入搜索关键词" id="serch">
                <label for="serch"> <input type="button" /></label>
            </div>
        </div>
    </header>
    <!-- 导航栏 -->
    <nav>
        <ul class="clear">
            <li></li>
            <li>冰箱冷柜 </li>
            <li></li>
            <li>洗衣机</li>
            <li></li>
            <li>空调</li>
            <li></li>
            <li>彩电</li>
            <li></li>
            <li>热水器</li>
            <li></li>
            <li>厨房电器</li>
            <li></li>
            <li>整体厨房</li>
            <li></li>
            <li>整体衣柜</li>
            <li></li>
            <li>生活彩电</li>
            <li></li>
            <li>电脑</li>
            <li></li>
            <li>手机数码</li>
            <li></li>
            <li>智能云家电</li>
            <li></li>
        </ul>
    </nav>
    <!-- 广告 -->
    <div class="banner clear">
        <div class="first">
            <img src="../海尔/images/图层12.jpg" alt="">
        </div>
        <div class="next">
            <img src="../海尔/images/图层13.jpg" alt="">
        </div>
        <ul>
            <li>冰箱冷柜 </li>
            <li> 洗衣机 </li>
            <li> 空调 </li>
            <li> 热水器 </li>
            <li> 彩电 </li>
            <li> 厨电厨房</li>
        </ul>
    </div>
    <!-- 内容1-->
    <div class="content clear">
        <div class="content-top clear">
            <div class="con left"></div>
            <div class="con-middle">精彩互动 邀你进入</div>
            <div class="con right"></div>
        </div>
        <div class="content-footer clear">
            <div class="fot-left left clear">
                <ul>
                    <li>
                        <img src="../海尔/images/图层14.jpg" alt=""><span>海尔社区</span>
                    </li>
                    <li>
                        <img src="../海尔/images/图层15.jpg" alt=""><span>新浪微博</span>
                    </li>
                    <li>
                        <img src="../海尔/images/图层16.jpg" alt=""><span>营销活动</span>
                    </li>
                </ul>
            </div>
            <div class="fot-right right clear">
                <div class="fot-top clear">
                    <div class="ftop left">
                        <img src="../海尔/images/图层17.jpg" alt="">
                    </div>
                    <div class="ftop2 left">
                        <p><span>【大家电集中营】</span> 冰箱冷藏室内有积水的原因
                        </p>
                        <p>常常看到有人在社区抱怨说冰箱内部积水，那么，积水的原因就一定是产品质量问题嘛？快来
                        </p>
                        <p>这里看一看！</p>
                    </div>
                </div>
                <div class="xian"></div>
                <div class="fot-fot">
                    <img src="../海尔/images/图层18.jpg" alt="">
                    <p>海尔粉丝聚集地，一起来交流吧！</p>
                    <ul class="clear">
                        <li><img src="../海尔/images/图层19.jpg" alt="">

                            <div class="right">
                                <p> 交流吧 </p>
                                <p> 首页 </p>
                            </div>
                            </span>
                        </li>
                        <li><img src="../海尔/images/图层20.jpg" alt="">
                            <div class="right">
                                <p>我是</p>
                                <p> 海粉</p>
                            </div>
                        </li>
                        <li><img src="../海尔/images/图层21.jpg" alt="">
                            <div class="right">
                                <p>辣妈</p>
                                <p> 当家</p>
                            </div>
                        </li>
                        <li><img src="../海尔/images/图层22.jpg" alt="">
                            <div class="right">
                                <p>白色</p>
                                <p> 家电</p>
                            </div>
                        </li>
                        <li><img src="../海尔/images/图层23.jpg" alt="">
                            <div class="right">
                                <p>数码</p>
                                <p> 玩家</p>
                            </div>
                        </li>

                        <li><img src="../海尔/images/图层24.jpg" alt="">
                            <div class="right">
                                <p>厨卫</p>
                                <p> 当道</p>
                            </div>
                        </li>
                        <li><img src="../海尔/images/图层25.jpg" alt="">
                            <div class="right">
                                <p>研发</p>
                                <p>实验</p>
                            </div>
                        </li>


                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 内容2 -->
    <div class="content clear">
        <div class="content-top clear">
            <div class="con left"></div>
            <div class="con-middle">新品抢先 经典推荐</div>
            <div class="con right"></div>
        </div>
        <div class="content-title">
            <div class="hot"></div>
            <ul class="clear">
                <li>
                    智能家电
                </li>
                <li>美味厨房</li>
                <li>
                    数码生活
                </li>
                <li>
                    白色格调
                </li>
            </ul>
        </div>
        <div class="content-poto clear ">
            <img src="../海尔/images/图层26.jpg" alt="">
            <ul class="right">
                <li> <img src="../海尔/images/图层27.jpg" alt=""></li>
                <li> <img src="../海尔/images/图层28.jpg" alt=""></li>
                <li> <img src="../海尔/images/图层29.jpg" alt=""></li>
                <li> <img src="../海尔/images/图层30.jpg" alt=""></li>
            </ul>
        </div>
    </div>
    <!-- 内容3 -->
    <div class="poto">
        <div class="tu">
            <ul>
                <li>
                    <img src="../海尔/images/图层31.PNG" alt="">
                </li>
                <li>
                    <img src="../海尔/images/图层32.PNG" alt="">
                </li>
                <li>
                    <img src="../海尔/images/图层33.PNG" alt="">
                </li>
            </ul>
        </div>
        <div class="wen">
            <ul class="clear">
                <li>
                    <h3>海尔创意工场</h3>
                    <p>分享你的创意，为别人的创意投
                        <br/> &nbsp; 票看海尔怎样把创意变成现实</p>
                    <p>> 了解更多</p>
                </li>
                <li>
                    <h3> 家居体验馆</h3>
                    <p>家装风格和家电的完美搭配哪款
                        <br/> &nbsp; 家电更适合你的家居风格</p>
                    <p>> 开始体验</p>
                </li>
                <li>
                    <h3>家电实景体验APP</h3>
                    <p>玩转家居摆设，一分钟家电搬进
                        <br/> &nbsp;家首款虚拟家庭实景体验APP
                    </p>
                    <p>> 抢先体验</p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页脚 -->
    <footer class="clear">
        <div class="footer-center">
            <div class="foot-left left">
                <p>Haier 全球</p>
                <p>国家/语言 <img src="../海尔/images/图层8.jpg" alt="">
                    <span>China/中文</span></p>
                <p>与海尔互动</p>
                <p><img src="../海尔/images/图层9.jpg" alt=""></p>
                <p>
                    <input type="text" class="search_input" placeholder="请输入搜索关键词" />
                    <input type="button" class="search_btn" />
                </p>
            </div>
            <div class="foot-middle left"></div>
            <div class="foot-right left clear">
                <ul class="first">
                    <h2>海尔产品</h2>
                    <li><img src="../海尔/images/图层11.jpg" alt=""></li>
                </ul>
                <ul class="clear">
                    <h2>服务与支持</h2>
                    <li class="left"> 服务与支持首页</li>
                    <li class="left"></li>
                    <li class="left"> 服务预约</li>
                    <li class="left"></li>
                    <li class="left"> 下载中心</li>
                    <li class="left"></li>
                    <li class="left"> 服务政策</li>
                    <li class="left"></li>
                    <li class="left"> 海尔服务点</li>
                    <li class="left"></li>
                    <li class="left"> 产品注册</li>
                </ul>
                <ul class="third clear">
                    <h2>
                        海尔创新
                    </h2>
                    <li>智能云家电</li>
                    <li></li>
                    <li> 海尔创意工场</li>
                    <li></li>
                    <li> 家居体验馆</li>
                    <li></li>
                    <li> 家电实景APP</li>
                    <li></li>
                    <li> 营销活动 </li>
                </ul>
            </div>

        </div>
        <hr>
        <div class="footer-last">
            <ul>
                <li>关于海尔</li>
                <li></li>
                <li> 新闻中心</li>
                <li></li>
                <li> 联系我们</li>
                <li></li>
                <li> 法律声明 </li>
                <li></li>
                <li> 鲁ＩＣＰ备０９０９６２８３</li>
                <li></li>
                <li> Ｃｏｐｙｒｉｇｈｔ&nbsp; ＠２０１３海尔集团　&nbsp;版权所有</li>
            </ul>
        </div>
    </footer>
</body>

</html>